<template>
  <view>
    <view style="text-align: center">
      <view style="font-size: 30upx">{{ data.top.name }}</view>
    </view>
    <view class="desc">
      {{ data.top.desc_text }}
    </view>
    <u-line></u-line>
    <view style="padding: 0upx 20px">
      <pageTitle title="读书会" url="/pages/reading/index"></pageTitle>
      <mainList :baseList="data.dushuhui.list" url="/pages/reading/details" />
    </view>
    <view style="padding: 0upx 20px">
      <pageTitle
        title="中小学企业总裁特训团"
        url="/pages/reading/traning"
      ></pageTitle>
      <mainList :baseList="data.texuntuan.list" url="/pages/reading/traning" />
    </view>
  </view>
</template>

<script>
import mainList from "@/components/mainList/index.vue";
import uTabs from "@/components/uTabs/index.vue";
import pageTitle from "@/components/pageTitle.vue";
export default {
  components: {
    mainList,
    uTabs,
    pageTitle,
  },
  data() {
    return {
      array: ["中国", "美国", "巴西", "日本"],
      index: 0,
      tabBasicList: [
        {
          name: "2024",
        },
        {
          name: "2023",
        },
        {
          name: "2022",
        },
        {
          name: "其他",
        },
      ],
      checkboxValue1: [],
      // 基本案列数据
      checkboxList1: [
        {
          name: "独角兽",
          disabled: false,
        },
        {
          name: "隐形独角兽",
          disabled: false,
        },
        {
          name: "其他",
          disabled: false,
        },
      ],
      topCompanyBasicList: [
        {
          id: 0,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
        {
          id: 1,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
        {
          id: 2,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
      ],
      data: {
        top: {
          name: "",
          desc_text: "",
        },
        dushuhui: {
          list: [],
        },
        texuntuan: {
          list: [],
        },
      },
    };
  },
  onShow() {
    this.getList();
  },
  methods: {
    async getList() {
      const res = await this.$api.getXinshangxue({});
      console.log('新商学EDP数据');
      console.log(res);
      this.data = res;
    },
    handleEnter() {
      uni.navigateTo({
        url: "/pages/company/enter",
      });
    },
  },
};
</script>

<style scoped lang="scss">
.desc {
  margin-top: 20upx;
  font-size: 24upx;
  color: #666;
  margin-bottom: 20upx;
  padding: 20upx;
  text-align: center;
}
.report {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 10upx 20upx;
  font-size: 28upx;
}
.report_content {
  > view {
    background: #f0f0f0;
    margin: 20upx;
    padding: 10upx 20upx;
    border-radius: 10upx;
    font-size: 22upx;
    color: #999;
    > ul {
      margin-left: 10upx;
    }
  }
}
.report_time {
  font-size: 20upx;
  color: #999;
}
</style>